<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div class="va-box">
			<span>span1</span>
			<span>span2</span>
			<input type="radio" name="" id="" value="" />
			<input type="checkbox" name="" id="" value="" />
			<img src="img/fj/timg.jpeg" />
		</div>
	</body>

</html>

<style type="text/css">
	.va-box {
		height: 100px;
		border: 1px solid;
		/* 取出inline-block之间的空隙 */
		font-size: 0;
	}
	.va-box:before {
		content: '';
		height: 100%;
		display: inline-block;
		visibility: hidden;
		vertical-align: middle;
	}
	img {
		width: 50px;
	}
	
	input {
		height: 30px;
	}
	
	/* va-box下所有的子元素全部设置为垂直居中 */
	.va-box>* {
		border: 1px solid green;
		font-size: 16px;
		display: inline-block;
		vertical-align: middle;
	}
</style>